<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en" />
<!-- uncomment 'base' to view this page without external files
	<base href="http://jquery-border-layout.googlecode.com/svn/trunk/" />
	-->
<title>Data Management Framework</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="assets/modernizer/modernizr.custom.09451.js"></script>
<script type="text/javascript" src="assets/modernizer/loadLibs.js" charset="utf-8"></script>
</head>
<body>
	<div id="cover"></div>
	<div class="ui-layout-west" style="display: none;">
		<div class="header"></div>
		<div class="content" style="background: #C5D7EB;">
			<!-- Use the below one for new menu -->
			<!-- 		<div id="menu-grid"></div>  -->
			<!--  Use below code for Old Menu -->
			<table id="menu-grid"></table>
			<div id="gridPager"></div>
		</div>
	</div>
	<div class="ui-layout-east" style="display: none;">
		<div class="header">Property Editor</div>
		<!--  
	<div class="subhead">Define Theme</div>

	<div class="content">
		<div id="themeswitcher"></div>
	</div>
	-->
		<div class="subhead">Report Actions</div>
		<div class="content">
			<form id="dbConnectionForm" name="dbConnectionForm" action="#">
				<fieldset>
					<legend>Report Actions</legend>
					<table>
						<tr>
							<input type="button" id="generateReportsConnectBtn" value="Generate Reports" disabled="disabled"></input>
							<input type="button" id="closeAllReportsDisconnectBtn" value="Close all Reports" disabled="disabled"></input>
						</tr>
					</table>
				</fieldset>
			</form>
		</div>
		<div class="subhead">App Logs</div>
		<div class="bubble">
			<div class="bubbleHeader"></div>
			<div class="bubbleInner">
				<p>Results to be displayed Here.</p>
			</div>
		</div>
		<!-- 
		<form id="dbConnectionForm" name="dbConnectionForm" action="#">
			<fieldset>
				<legend>Report Actions</legend>
				<table>
					<tr>
						<input type="button" id="generateReportsConnectBtn" value="Generate Reports"></input>
						<input type="button" id="closeAllReportsDisconnectBtn" value="Close all Reports"></input>
					</tr>										
				</table>
			</fieldset>
		
		</form>
-->
	</div>
	<div class="ui-layout-north" style="display: none;">
		<div id="ssoContentBody">
			<div class="ssoHeader">
				<img id="" src="assets/framework/images/mhd_reg_logo.gif" alt="" width="210" height="42" />
				<h1>
					<span id="swiftui_header_title">Data Management</span>
				</h1>
			</div>
			<div class="clearfix"></div>
			<div class="titleBar">
				<ul class="mainLinks">
					<li><a href="index.html" target="_self" title="LOGOUT">Logout</a></li>
				</ul>
				<div class="userName">
					Welcome <span id="userId_content"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="ui-layout-south" style="display: none;">
		<div id="ssoContentBody">
			<div class="Footer">Copyright &copy; 2012, Bank Of America&nbsp;&nbsp;&nbsp;</div>
		</div>
	</div>
	<div id="mainContent" style="display: none;">
		<div class="fg-toolbar ui-widget-header ui-corner-all ui-helper-clearfix">
			<div class="fg-buttonset ui-helper-clearfix">
				<a href="#" class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Open"><span
					class="ui-icon ui-icon-folder-open"></span> Open</a> <a href="#"
					class="fg-button ui-state-default fg-button-icon-solo  ui-corner-all" title="Save"><span
					class="ui-icon ui-icon-disk"></span> Save</a> <a href="#"
					class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Delete"><span
					class="ui-icon ui-icon-trash"></span> Delete</a>
			</div>
			<div class="fg-buttonset fg-buttonset-multi">
				<button class="fg-button ui-state-default ui-corner-left">
					<b>B</b>
				</button>
				<button class="fg-button ui-state-default">
					<i>I</i>
				</button>
				<button class="fg-button ui-state-default ui-corner-right">
					<u>U</u>
				</button>
			</div>
			<div class="fg-buttonset ui-helper-clearfix">
				<a href="#" class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Print"><span
					class="ui-icon ui-icon-print"></span> Print</a> <a href="#"
					class="fg-button ui-state-default fg-button-icon-solo ui-corner-all" title="Email"><span
					class="ui-icon ui-icon-mail-closed"></span> Email</a>
			</div>
			<div class="fg-buttonset fg-buttonset-single ui-helper-clearfix">
				<button class="fg-button ui-state-default ui-priority-primary ui-corner-left ui-state-active">Edit</button>
				<button class="fg-button ui-state-default ui-priority-primary ui-corner-right">View</button>
				<button class="fg-button ui-state-default fg-button-icon-solo" id="tbarToggleNorth" title="Toggle">Toggle</button>
			</div>
		</div>
		<!--  
		<div id="test_fileUpload"></div>
		<textarea rows="3" cols="2" id="test_textarea"></textarea>
		-->
		<!--
	<ul class="toolbar">
		<li id="tbarToggleNorth" class="first"><span></span></li>
		<li id="tbarOpenSouth"><span></span>Open SOUTH</li>
		<li id="tbarCloseSouth"><span></span>Close SOUTH</li>
		<li id="tbarPinWest"><span></span>Pin/Unpin WEST</li>
		<li id="tbarPinEast" class="last"><span></span>Pin/Unpin EAST</li>
	</ul>
-->
		<!-- DIVs for the INNER LAYOUT -->
		<div id="swiftui_center_window_tabs">
			<ul>
			</ul>
		</div>
	</div>
	<div id="login_dialog" style='display: none' class="linkwithweb_login-popup">
		<!--  
        <a href="#" class="close"><img src="assets/framework/images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
-->
		<form method="post" class="signin" action="#">
			<fieldset class="textbox">
				<label class="login_email"> <span>Username or email</span> <input id="login_email" name="login_email"
					value="" type="text" autocomplete="on" placeholder="login_email"></label> <label class="login_password"> <span>Password</span>
					<input id="login_password" name="login_password" value="" type="password" placeholder="Password"></label>
				<button name="login_button" id="login_button" class="submit linkwithweb_loginbutton" type="button">Sign in</button>
				<p>
					<a class="forgot" href="#">Forgot your password?</a>
				</p>
			</fieldset>
		</form>
	</div>
	<!-- For progress bar -->
	<div id="ajax_loading" style='display: none'>
		<img align="absmiddle" src="assets/framework/images/Processing.gif" />
	</div>
	<!-- For File Upload templates -->
	<!-- The template to display files available for upload -->
	<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td class="preview"><span class="fade"></span></td>
        <td class="name"><span>{%=file.name%}</span></td>
        <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
        {% if (file.error) { %}
            <td class="error" colspan="2"><span class="label label-important">Error</span> {%=file.error%}</td>
        {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            </td>
            <td class="start">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary">
                    <i class="icon-upload icon-white"></i>
                    <span>Start</span>
                </button>
            {% } %}</td>
        {% } else { %}
            <td colspan="2"></td>
        {% } %}
        <td class="cancel">{% if (!i) { %}
            <button class="btn btn-warning">
                <i class="icon-ban-circle icon-white"></i>
                <span>Cancel</span>
            </button>
        {% } %}</td>
    </tr>
{% } %}
</script>
	<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-download fade">
        {% if (file.error) { %}
            <td></td>
            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td class="name" colspan="2"><span class="label">Successfully Uploaded</span></td>
        {% } else { %}
            <td class="preview">{% if (file.thumbnail_url) { %}
                <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a>
            {% } %}</td>
            <td class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
            </td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td colspan="2"></td>
        {% } %}
    </tr>
{% } %}
</script>


<script id="file-upload-form-template" type="text/x-tmpl">
	<div id="{%=o.id%}_fileuploadHolder">
    <!-- The file upload form used as target for the file upload widget -->
    <form id="{%=o.id%}_fileupload" action="services/upload" method="POST" enctype="multipart/form-data">
        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
        <div class="row fileupload-buttonbar">
            <div class="span7">
                <!-- The fileinput-button span is used to style the file input field as button -->
                <span class="btn btn-success fileinput-button">
                    <i class="icon-plus icon-white"></i>
                    <span>Add files...</span>
                    <input type="file" name="files[]" multiple/>
                </span>
                
                <button type="submit" class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i>
                    <span>Start upload</span>
                </button>
                <button type="reset" class="btn btn-warning cancel">
                    <i class="icon-ban-circle icon-white"></i>
                    <span>Cancel upload</span>
                </button>
                
            </div>
            <br/>
            <input type="checkbox" class="toggle" style="float:left; margin-left:30px">
            <!-- The global progress information -->
            <div class="span5 fileupload-progress fade">
                <!-- The global progress bar -->
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                    <div class="bar" style="width:0%;"></div>
                </div>
                <!-- The extended global progress information -->
                <div class="progress-extended">&nbsp;</div>
            </div>
        </div>
        <!-- The loading indicator is shown during file processing -->
        <div class="fileupload-loading"></div>
        <br>
        <!-- The table listing the files available for upload/download -->
        <table role="presentation" class="table table-striped" style="width:800px;"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
    </form>	
	</div>

</script>
</body>
</html>
